<template>
    <div>
            <table class="table_detail" style="width: 100%;">
                    <tr> <td colspan="5" class="headColor"> <span>出租房屋基本情况</span></td></tr>
                    <template v-for="(item, index) of cData.fList">
                        <tr>
                            <td rowspan="7" class="showC headColor"><span>房产（不动产权证）</span></td>
                        </tr>
                        <tr v-for="(v,i) in firstInfo"  v-if="v.show == 1">
                            <td class="headColor"><span>{{ v.name }}</span></td>
                            <td class="normalC"><span>{{item[v.model]}}</span></td>
                            <td class="headColor"><span>{{ v.name2 }}</span></td>
                            <td class="normalC"><span>{{item[v.model2]}}</span></td>
                        </tr>
                        <tr v-else>
                            <td class="headColor"><span>{{ v.name }}</span></td>
                            <td colspan="3" class="normalC"><span>{{item[v.model]}}</span></td>
                        </tr>
                    </template>
                    <template v-for="(item, index) of cData.ffList">
                        <tr>
                            <td rowspan="10" class="showC headColor"><span>房产（房屋所有权证、国有土地使用证）</span></td>
                        </tr>   
                        <tr v-for="(v,i) in secondInfo"  v-if="v.show == 1">
                            <td class="headColor"><span>{{ v.name }}</span></td>
                            <td class="normalC">{{item[v.model]}}<span></span></td>
                            <td class="headColor"><span>{{ v.name2 }}</span></td>
                            <td class="normalC"><span>{{item[v.model2]}}</span></td>
                        </tr>
                        <tr v-else>
                            <td class="headColor"><span>{{ v.name }}</span></td>
                            <td colspan="3" class="normalC"><span>{{item[v.model]}}</span></td>
                        </tr>
                    </template>
                    <template v-for="(item, index) of cData.zList">
                        <tr>
                            <td rowspan="3" class="showC headColor"><span>房屋租金评估或估价情况</span></td>
                        </tr>   
                        <tr>
                            <td class="headColor"><span>评估或估价单位</span></td>
                            <td colspan="3" class="normalC"><span>{{item.evaluationUnit}}</span></td>
                        </tr>  
                        <tr>
                            <td class="headColor"><span>房屋租金评估价或估价</span></td>
                            <td colspan="3" class="normalC"><span>{{item.valuation}}</span></td>
                        </tr>     
                    </template>
                   <tr>
                        <td class="headColor"><span>其他披露事项</span></td>
                        <td colspan="4" class="normalC"><pre><span v-if="cData.otherList">{{cData.otherList.otherDisclosures}}</span></pre></td>
                    </tr>                                                                                                                                                                                                                                                               
            </table>
    </div>
</template>

<script>
    export default {
        props:{
            // cText:'',
            // cData:'',
            // cCol:'',
            cData: Object
        },
        data() {
            return {
                cCol: [
                    {
                        name1: "data1",
                    },{
                        name1: "data2",
                        name2: "data3"
                    },{
                        name1: "data4",
                        name2: "data5"
                    },{
                        name1: "data7",
                        name1: "data8"
                    },{
                        name1: "data9",
                        name1: "data10"
                    }
                ],  
                secondInfo:[{                       //房产（房屋所有权、国有土地使用证）
                    name:'房屋名称',
                    show:3,
                    model:"houseName"
                },{
                    name:'房屋坐落',
                    show:3,
                    model:"location"
                },{
                    name:'使用现状',
                    name2:'物业类型',
                    show:1,
                    model:"useStatus",
                    model2:"propertyType"
                },{
                    name:'房屋所有权证号',
                    show:3,
                    model:"houseOwnershipCertificate",
                },{
                    name:'共有情况',
                    name2:'规划用途',
                    show:1,
                    model:"commonSituation",
                    model2:"planPurposes"                      
                },{
                    name:'房屋性质',
                    name2:'建筑面积',
                    show:1,
                    model:"propertyNature",
                    model2:"constructionArea"                           
                },{
                    name:'土地使用证号',
                    show:3,
                    model:"landUseCertificateNumber"
                },{
                    name:'地类（用途）',
                    name2:'使用权类型',
                    show:1,
                    model:"gentle",
                    model2:"useRightType"
                },{
                    name:'终止日期',
                    name2:'使用权面积',
                    show:1,
                    model:"endDate",
                    model2:"rightUseArea"
                }] ,              
                firstInfo:[{             //房产（不动产权证）
                    name:'房屋名称',
                    show:3,
                    model:"houseName"
                },{
                    name:'坐落位置',
                    show:3,
                    model:"location"
                },{
                    name:'使用现状',
                    name2:'物业类型',
                    show:1,
                    model:"useStatus",
                    model2:"propertyType"
                },{
                    name:'不动产权证号',
                    name2:'用途',
                    show:1,
                    model:"improperPropertyLicenseNumber",
                    model2:"purpose"                    
                },{
                    name:'共有情况',
                    name2:'面积',
                    show:1,
                    model:"commonSituation",
                    model2:"area"                      
                },{
                    name:'权利性质',
                    name2:'使用期限',
                    show:1,
                    model:"natureRights",
                    model2:"periodUse"                           
                }]        
            }
        },
    }
</script>

<style scoped>
    .normalC{ background-color: #ffffff !important;}
    .showC{ background-color: #f5f5f5 !important;}
    .table_detail td:nth-child(odd) {
        width: 240px;
        height: 40px;
        background-color: #f5f5f5;
        flex: none;
    }    
    
</style>